ELHC 460 Release Notes
~~~~~~~~~~~~~~~~~~~~~~

LOCKPICK by EngageBrainTrain.com | @DevByPowerPoint

All elements created 'in slide' using vector graphics and shapes. Design inspired by this GIF:
https://www.scienceabc.com/wp-content/uploads/ext-www.scienceabc.com/wp-content/uploads/2016/06/oHPMqgW.gif-.gif

The five toggle buttons within the lock were created using gradient fills.
The custom Music On/Off toggle button is a slider 'hacked' into a button. Javasript is used to animate the toggle 
by rapidly changing the underlying variable when the hotspot over it is clicked. The slider is removed from the focus order.

The lockpick is actually two dials, animated in concert and in opposing directions so it appears to pivot from the centre.
The narrow profile of the lockpick dial ensures it is still possible to click on the elements beneath the lockpick. 
The deeper into the lock you go, a greater range of motion is required to pick that pin - at risk of dislodging the others.

To achieve the same appearance as the published demo, please install he following fonts:

- https://legionfonts.com/fonts/engravers-mt
- https://online-fonts.com/fonts/agency-fb
- https://www.ffonts.net/Barlow-Condensed-Medium.font

CC0 Royalty Free Music and SFX used in this demo:

- https://freesound.org/people/HipsterTypist/sounds/527491/
- https://freesound.org/people/Sheyvan/sounds/475195/
- https://freesound.org/people/HenKonen/sounds/682136/
- https://freesound.org/people/Reg1n0ld/sounds/508714/

If you have any questions about this demo, drop me a line at Jon@EngageBrainTrain.com